<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>CN科技</title>
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Bx-Slider StyleSheet CSS -->
    <link href="css/jquery.bxslider.css" rel="stylesheet"> 
    <!-- Font Awesome StyleSheet CSS -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/svg-style.css" rel="stylesheet">
    <!-- Pretty Photo CSS -->
    <link href="css/prettyPhoto.css" rel="stylesheet">
	<!-- DL Menu CSS -->
	<link href="js/dl-menu/component.css" rel="stylesheet">
    <!-- Widget CSS -->
    <link href="css/widget.css" rel="stylesheet">
    <!-- Typography CSS -->
    <link href="css/typography.css" rel="stylesheet">
    <!-- Owl Carousel CSS -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <!-- Shortcodes CSS -->
    <link href="css/shortcodes.css" rel="stylesheet">
	<!-- Custom Main StyleSheet CSS -->
    <link href="style.css" rel="stylesheet">
    <!-- Color CSS -->
    <link href="css/color.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="css/responsive.css" rel="stylesheet">
 
  </head>

  <body>

<!--Wrapper Start-->  
<div class="ct_wrapper">
	
    <!--Header Wrap Start-->
    <header>
    	<!--Top Strip Wrap Start-->
        <div class="top_strip">
        	<div class="container">
                <div class="top_location_wrap">
                    <p><i class="fa fa-map-marker"></i>江苏省昆山市智谷创意产业园</p>
                </div>
                <div class="top_ui_element">
                    <ul>
                        <li><i class="fa fa-envelope"></i><a>123456@123.com</a></li>
                        <li><i class="fa fa-phone"></i><a>400-12345678</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--Top Strip Wrap End-->
        
        <!--Navigation Wrap Start-->
        <div class="logo_nav_outer_wrap">
        	<div class="container">
                <div class="logo_wrap">
                    <a href="#"><img src="images/logo.png" alt=""></a>
                </div>
                
                <nav class="main_navigation">
                    <ul>
                        <li><a href="index.html">网站首页</a></li>
                        <li><a href="about-us.html">关于我们</a></li>
                        <li><a href="course-listing.html">案例介绍</a></li>
                        <li><a href="our-teacher.html">团队风采</a></li>
                        <li><a href="blog-grid.html">新闻中心</a></li>
                        <li><a href="contact-us.html">联系我们</a></li>
                    </ul>
                </nav>
                <!--DL Menu Start-->
                <div id="kode-responsive-navigation" class="dl-menuwrapper">
                    <button class="dl-trigger">Open Menu</button>
                    <ul class="dl-menu">
                        <li class="active"><a href="index.html">网站首页</a></li>
                        <li><a href="about-us.html">关于我们</a></li>
                        <li class="menu-item kode-parent-menu"><a href="course-listing.html">案例介绍</a></li>
                        <li class="menu-item kode-parent-menu"><a href="our-teacher.html">团队风采</a></li>
                        <li class="menu-item kode-parent-menu"><a href="blog-grid.html">新闻中心</a></li>
                        <li class="menu-item kode-parent-menu"><a href="contact-us.html">联系我们</a></li>
                    </ul>
                </div>
                <!--DL Menu END-->
            </div>
        </div>
        <!--Navigation Wrap End-->
    </header>
    <!--Header Wrap End-->
    
    <!--Banner Wrap Start-->
    <section class="sub_banner_wrap">
    	<div class="container">
        	<div class="row">
            	<div class="col-md-6">
                	<div class="sub_banner_hdg">
                    	<h3>新闻中心</h3>
                    </div>
                </div>
                <div class="col-md-6">
                	<div class="ct_breadcrumb">
                    	<ul>
                        	<li><a href="index.html">网站首页</a></li>
                            <li><a>新闻中心</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Banner Wrap End-->
    
    <!--Content Wrap Start-->
    <div class="ct_content_wrap">
    	<section>
        	<div class="container">
                <div class="row">
                    <!--Blog Detail Wrap Start-->
                    <div class="col-md-8">
                    	<div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="ct_course_list_wrap">
                                    <figure>
                                        <img src="images/case/case1.jpg" alt="">
                                        <figcaption class="course_list_img_des">
                                            <div class="ct_course_review">
                                                <span class="new_author"><i class="fa fa-user"></i>网站管理员</span>
                                                <ul class="new-section">
                                                    <li><span class="new_author"><i class="fa fa-calendar"></i>2017-5-24</span></li>
                                                </ul>
                                            </div>
                                            <div class="ct_zoom_effect"></div>
                                            <div class="ct_course_link">
                                                <a href="blog-detail.html">查看详情</a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                    <div class="popular_course_des">
                                        <h5><a href="blog-detail.html">优秀界面的终极形态：隐形的界面</a></h5>
                                        <p>真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面的，而非内容。用户都是带着目的来访问网站的：买本新书、学习JQuery、与朋友分享一篇文章、发现新音乐写小说或者仅仅是寻找最近</p>
                                        <div class="ct_course_meta border">
                                            <a href="blog-detail.html"><i class="fa fa-angle-right"></i>查看详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="ct_course_list_wrap">
                                    <figure>
                                        <img src="images/case/case1.jpg" alt="">
                                        <figcaption class="course_list_img_des">
                                            <div class="ct_course_review">
                                                <span class="new_author"><i class="fa fa-user"></i>网站管理员</span>
                                                <ul class="new-section">
                                                    <li><span class="new_author"><i class="fa fa-calendar"></i>2017-5-24</span></li>
                                                </ul>
                                            </div>
                                            <div class="ct_zoom_effect"></div>
                                            <div class="ct_course_link">
                                                <a href="blog-detail.html">查看详情</a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                    <div class="popular_course_des">
                                        <h5><a href="blog-detail.html">优秀界面的终极形态：隐形的界面</a></h5>
                                        <p>真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面的，而非内容。用户都是带着目的来访问网站的：买本新书、学习JQuery、与朋友分享一篇文章、发现新音乐写小说或者仅仅是寻找最近</p>
                                        <div class="ct_course_meta border">
                                            <a href="blog-detail.html"><i class="fa fa-angle-right"></i>查看详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="ct_course_list_wrap">
                                    <figure>
                                        <img src="images/case/case1.jpg" alt="">
                                        <figcaption class="course_list_img_des">
                                            <div class="ct_course_review">
                                                <span class="new_author"><i class="fa fa-user"></i>网站管理员</span>
                                                <ul class="new-section">
                                                    <li><span class="new_author"><i class="fa fa-calendar"></i>2017-5-24</span></li>
                                                </ul>
                                            </div>
                                            <div class="ct_zoom_effect"></div>
                                            <div class="ct_course_link">
                                                <a href="blog-detail.html">查看详情</a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                    <div class="popular_course_des">
                                        <h5><a href="blog-detail.html">优秀界面的终极形态：隐形的界面</a></h5>
                                        <p>真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面的，而非内容。用户都是带着目的来访问网站的：买本新书、学习JQuery、与朋友分享一篇文章、发现新音乐写小说或者仅仅是寻找最近</p>
                                        <div class="ct_course_meta border">
                                            <a href="blog-detail.html"><i class="fa fa-angle-right"></i>查看详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="ct_course_list_wrap">
                                    <figure>
                                        <img src="images/case/case1.jpg" alt="">
                                        <figcaption class="course_list_img_des">
                                            <div class="ct_course_review">
                                                <span class="new_author"><i class="fa fa-user"></i>网站管理员</span>
                                                <ul class="new-section">
                                                    <li><span class="new_author"><i class="fa fa-calendar"></i>2017-5-24</span></li>
                                                </ul>
                                            </div>
                                            <div class="ct_zoom_effect"></div>
                                            <div class="ct_course_link">
                                                <a href="blog-detail.html">查看详情</a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                    <div class="popular_course_des">
                                        <h5><a href="blog-detail.html">优秀界面的终极形态：隐形的界面</a></h5>
                                        <p>真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面的，而非内容。用户都是带着目的来访问网站的：买本新书、学习JQuery、与朋友分享一篇文章、发现新音乐写小说或者仅仅是寻找最近</p>
                                        <div class="ct_course_meta border">
                                            <a href="blog-detail.html"><i class="fa fa-angle-right"></i>查看详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="ct_course_list_wrap">
                                    <figure>
                                        <img src="images/case/case1.jpg" alt="">
                                        <figcaption class="course_list_img_des">
                                            <div class="ct_course_review">
                                                <span class="new_author"><i class="fa fa-user"></i>网站管理员</span>
                                                <ul class="new-section">
                                                    <li><span class="new_author"><i class="fa fa-calendar"></i>2017-5-24</span></li>
                                                </ul>
                                            </div>
                                            <div class="ct_zoom_effect"></div>
                                            <div class="ct_course_link">
                                                <a href="blog-detail.html">查看详情</a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                    <div class="popular_course_des">
                                        <h5><a href="blog-detail.html">优秀界面的终极形态：隐形的界面</a></h5>
                                        <p>真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面的，而非内容。用户都是带着目的来访问网站的：买本新书、学习JQuery、与朋友分享一篇文章、发现新音乐写小说或者仅仅是寻找最近</p>
                                        <div class="ct_course_meta border">
                                            <a href="blog-detail.html"><i class="fa fa-angle-right"></i>查看详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="ct_course_list_wrap">
                                    <figure>
                                        <img src="images/case/case1.jpg" alt="">
                                        <figcaption class="course_list_img_des">
                                            <div class="ct_course_review">
                                                <span class="new_author"><i class="fa fa-user"></i>网站管理员</span>
                                                <ul class="new-section">
                                                    <li><span class="new_author"><i class="fa fa-calendar"></i>2017-5-24</span></li>
                                                </ul>
                                            </div>
                                            <div class="ct_zoom_effect"></div>
                                            <div class="ct_course_link">
                                                <a href="blog-detail.html">查看详情</a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                    <div class="popular_course_des">
                                        <h5><a href="blog-detail.html">优秀界面的终极形态：隐形的界面</a></h5>
                                        <p>真正优秀的用户界面会被无视，而糟糕的设计则迫使用户注意界面的，而非内容。用户都是带着目的来访问网站的：买本新书、学习JQuery、与朋友分享一篇文章、发现新音乐写小说或者仅仅是寻找最近</p>
                                        <div class="ct_course_meta border">
                                            <a href="blog-detail.html"><i class="fa fa-angle-right"></i>查看详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!--Pagination Wrap Start-->
                        <div class="ct_pagination">
                        	<ul>
                            	<li>
                                	<a href="#">1</a>
                                    <a href="#">2</a>
                                    <a href="#">3</a>
                                    <a href="#">4</a>
                                    <a class="next" href="#">下一页</a>
                                </li>
                            </ul>
                        </div>
                        <!--Pagination Wrap End-->
                    </div>
                    <!--Blog Detail Wrap End-->
                    
                    <!--Aside Bar Wrap Start-->
                    <div class="col-md-4">
                        <aside class="gt_aside_outer_wrap">
                        	<!--Search Bar Wrap Start-->
                            <div class="gt_aside_search_wrap aside_margin_bottom">
                            	<form>
                                	<input type="text" placeholder="搜索">
                                    <button class="fa fa-search"></button>
                                </form>
                            </div>
                            <!--Search Bar Wrap Start-->
                            
                            <!--Category Wrap Start-->
                            <div class="gt_aside_category gt_detail_hdg aside_margin_bottom">
                            	<h5>推荐文章</h5>
                                <ul>
                                	<li><a href="blog-detail.html">优秀界面的终极形态：隐形的界面</a></li>
                                    <li><a href="#">设计只是一种过程</a></li>
                                    <li><a href="#">汇智绘美 编程未来</a></li>
                                    <li><a href="#">2017微软编程之美挑战赛正式开幕</a></li>
                                    <li><a href="#">很多设计师都有一个种通病</a></li>
                                    <li><a href="#">糟糕的设计容易使用户注意</a></li>
                                </ul>
                            </div>
                            <!--Category Wrap Start-->
                            
                            <!--Recent News Wrap Start-->
                            <div class="ct_popular_course gt_detail_hdg aside_margin_bottom">
                            	<h5>热门服务</h5>
                                <ul>
                                	<li>
                                    	<figure>
                                        	<img src="images/case/case_in.jpg" alt="">
                                        </figure>
                                        <div class="ct_proj_des">
                                        	<a href="#">界面设计</a>
                                            <span>客户评分</span>
                                            <ul>
                                            	<li>
                                                	<a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                    	<figure>
                                        	<img src="images/case/case_in.jpg" alt="">
                                        </figure>
                                        <div class="ct_proj_des">
                                        	<a href="#">界面设计</a>
                                            <span>客户评分</span>
                                            <ul>
                                            	<li>
                                                	<a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                    	<figure>
                                        	<img src="images/case/case_in.jpg" alt="">
                                        </figure>
                                        <div class="ct_proj_des">
                                        	<a href="#">界面设计</a>
                                            <span>客户评分</span>
                                            <ul>
                                            	<li>
                                                	<a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                    <a href="#"><i class="fa fa-star"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!--Recent News Wrap Start-->
                            
                            <!--Testimonial Wrap Start-->
                            
                            <!--Testimonial Wrap Start-->
                            
                            <!--Testimonial Wrap Start-->
                            <div class="ct_aside_tag gt_detail_hdg">
                            	<h5>热门标签</h5>
                                <ul>
                                	<li><a href="#">设计</a></li>
                                    <li><a href="#">网站维护</a></li>
                                    <li><a href="#">高级</a></li>
                                    <li><a href="#">咨询</a></li>
                                    <li><a href="#">平拍设计</a></li>
                                    <li><a href="#">营销</a></li>
                                </ul>
                            </div>
                            <!--Testimonial Wrap Start-->
                            
                        </aside>
                    </div>
                    <!--Aside Bar Wrap End-->
                </div>
            </div>
        </section>
        
    </div>
    <!--Content Wrap End-->
    
    <!--Footer Wrap Start-->
    <footer>
        <!--Footer Col Wrap Start-->
        <div class="ct_footer_bg">
        	<div class="container">
            	<div class="row">
                	<div class="col-md-3 col-sm-6">
                    	<div class="footer_col_1 widget">
                        	<a href="#"><img src="images/logo.png" alt=""></a>
                            <p>我们所做的一切都是以客户的利益为出发点，帮助企业建立全面且切实的市场形象，我们坚信与企共同成长</p>
                            <span>Email : 123456@123.com</span>
                            <div class="foo_get_qoute">
                            	<a href="#">联系我们</a>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-3 col-sm-6">
                    	<div class="foo_col_2 widget">
                        	<h5>关注我们</h5>
                            <img src="images/gw.jpg" />
                        </div>
                    </div>
                    
                     <div class="col-md-3 col-sm-6">
                    	<div class="foo_col_2 widget">
                        	<h5>快速通道</h5>
                            <ul>
                            	<li><a href="#">案例介绍</a></li>
                                <li><a href="#">团队风采</a></li>
                                <li><a href="#">新闻中心</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="col-md-3 col-sm-6">
                    	<div class="foo_col_4 widget">
                        	<h5>联系方式</h5>
                            <ul>
                            	<li>江苏省昆山市之谷创意产业园</li>
                            	<li>400-12345678</li>
                                <li></li>
                                <li>每周5*12小时竭诚为您服务</li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <!--Footer Col Wrap End-->
        
        <!--Footer Copyright Wrap Start-->
        <div class="ct_copyright_bg">
        	<div class="container">
            	<div class="row">
                	<div class="col-md-12">
                    	<div class="copyright_text text-center">
                        2017-2018 All right reserved	
                        </div>
                  </div>
                </div>
            </div>
        </div>
        <!--Footer Copyright Wrap End-->
        <div class="back_to_top">
            <a href="#"><i class="fa fa-angle-up"></i></a>
        </div>
    </footer>
    <!--Footer Wrap End-->
        
</div>
<!--Wrapper End-->



    <!--Bootstrap core JavaScript-->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--Bx-Slider JavaScript-->
	<script src="js/jquery.bxslider.min.js"></script>
    <!--Owl Carousel JavaScript-->
	<script src="js/owl.carousel.js"></script>
    <!--Time Counter Javascript-->
    <script src="js/jquery.downCount.js"></script>
	<!--Dl Menu Script-->
	<script src="js/dl-menu/modernizr.custom.js"></script>
	<script src="js/dl-menu/jquery.dlmenu.js"></script>
    <!--Pretty Photo Javascript-->
    <script src="js/jquery.prettyPhoto.js"></script>
    <!--Way Points Javascript-->
    <script src="js/waypoints-min.js"></script>
    <!--Accordian Javascript-->
    <script src="js/jquery.accordion.js"></script>
    <!--Custom JavaScript-->
	<script src="js/custom.js"></script>

  </body>
</html>
